
%overlay1{
	background-image: -moz-linear-gradient( 170deg, rgba(34,34,34,0) 0%, rgb(0,0,0) 100%);
	background-image: -webkit-linear-gradient( 170deg, rgba(34,34,34,0) 0%, rgb(0,0,0) 100%);
	background-image: -ms-linear-gradient( 170deg, rgba(34,34,34,0) 0%, rgb(0,0,0) 100%);
  }

%overlay2{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff4495+0,ff6d6d+100 */
  background: rgb(255,68,149); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,68,149,1) 0%, rgba(255,109,109,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,68,149,1) 0%,rgba(255,109,109,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,68,149,1) 0%,rgba(255,109,109,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4495', endColorstr='#ff6d6d',GradientType=0 ); /* IE6-9 */

 }
%overlay3{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff8a7a+0,ffc99e+100 */
  background: rgb(255,138,122); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,138,122,1) 0%, rgba(255,201,158,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,138,122,1) 0%,rgba(255,201,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,138,122,1) 0%,rgba(255,201,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a7a', endColorstr='#ffc99e',GradientType=0 ); /* IE6-9 */

 }

%overlay4{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c0c1f+0,00095e+100 */
  background: rgb(12,12,31); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(12,12,31,1) 0%, rgba(0,9,94,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(12,12,31,1) 0%,rgba(0,9,94,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(12,12,31,1) 0%,rgba(0,9,94,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c0c1f', endColorstr='#00095e',GradientType=1 ); /* IE6-9 */

}

%hero-bg2{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00095e+0,0c0c1f+100 */
  background: rgb(0,9,94); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(0,9,94,1) 0%, rgba(12,12,31,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(0,9,94,1) 0%,rgba(12,12,31,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(0,9,94,1) 0%,rgba(12,12,31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00095e', endColorstr='#0c0c1f',GradientType=1 ); /* IE6-9 */
 }

%btn_gradient{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff4495+0,ff6d6d+100 */
  background: rgb(255,68,149); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,68,149,1) 0%, rgba(255,109,109,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,68,149,1) 0%,rgba(255,109,109,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,68,149,1) 0%,rgba(255,109,109,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4495', endColorstr='#ff6d6d',GradientType=0 ); /* IE6-9 */

}

%btn_gradient2{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff6d6d+0,ff4495+100 */
  background: rgb(255,109,109); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,109,109,1) 0%, rgba(255,68,149,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,109,109,1) 0%,rgba(255,68,149,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,109,109,1) 0%,rgba(255,68,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6d6d', endColorstr='#ff4495',GradientType=0 ); /* IE6-9 */
}
  
// Home Page Gradient

%gradient_team{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#021a47+0,021a47+100&0+0,0.6+100 */
  background: -moz-linear-gradient(top,  rgba(2,26,71,0) 0%, rgba(2,26,71,0.6) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(2,26,71,0) 0%,rgba(2,26,71,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(2,26,71,0) 0%,rgba(2,26,71,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00021a47', endColorstr='#99021a47',GradientType=0 ); /* IE6-9 */
}

%gallery{
  background-image: -moz-linear-gradient( 90deg, rgb(1,10,39) 0%, rgb(1,10,39) 0%, rgba(6,31,120,0.3) 70%, rgba(11,52,201,0.01) 100%, rgb(11,52,201) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(1,10,39) 0%, rgb(1,10,39) 0%, rgba(6,31,120,0.3) 70%, rgba(11,52,201,0.01) 100%, rgb(11,52,201) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(1,10,39) 0%, rgb(1,10,39) 0%, rgba(6,31,120,0.3) 70%, rgba(11,52,201,0.01) 100%, rgb(11,52,201) 100%);

}



// &::before{
//   position: absolute;
//   width: 100%;
//   height: 100%;
//   bottom: 0;
//   content: "";
//   @extend %btn_gradient;

// }
